/* 
 
Theme Name: clearcut
Theme URI: http://3oneseven.com/
Description: A simple and lightweight two col fluid theme with custom icons.
Version: 3.17.2
Author: miloIIIIVII
Author URI: http://3oneseven.com/
Tags: clean white typography

*/

/* ----------------------------------- reset.css */ 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
*{margin:0;padding:0;}
body{font:14px/21px verdana,tahoma,arial,sans-serif;color:#333;background:#fff url(images/cc.jpg) 100% 0 repeat-y;margin:0;padding:0;border-top:9px solid #333;border-bottom:9px solid #333;}

/* ----------------------------------- links */
a{color:#900;text-decoration:none;}
a:hover {color:#000;text-decoration:none;background:#fafafa;}
a img, img{border:0;}

/* ----------------------------------- wrapper */
#page{margin:0 auto;width:100%;background:transparent;}
#content{padding:10px 0;float:right;width:60%;}

/* ----------------------------------- header */
#header{background:transparent;width:99%;height:80px;margin:0 auto;display:block;}
.head{float:left;width:60%;height:60px;margin:0;padding:0;display:inline-block;overflow:hidden;}

/* ---------------------------------- navi */
.navi{float:right;width:30%;height:70px;margin:0;padding:0;display:inline-block;overflow:hidden;font:14px tahoma,serif;text-transform:lowercase;font-weight:100;text-shadow:#fff 0 1px 1px;}
#menu,#menu ul{margin:0;padding:0;list-style:none;height:29px;}
#menu a{color:#666;display:block;padding:4px 10px 40px 10px;}
#menu a:hover{color:#ccc;display:block;text-decoration: none;background:#900;text-shadow:#000 0 1px 1px;}
#menu li {float:left;margin:0;padding:0;}
#menu li li {float:left;margin:0 0 0 5px;padding:0;width:130px;}
#menu li li a,#menu li li a:link,#menu li li a:visited {background:#fff;width: 150px;float:none;margin:0;padding:4px 10px 5px 10px;color:#333;}
#menu li li a:hover,#menu li li a:active {background:#333;width:150px;float:none;margin:0;padding:4px 10px 5px 10px;color:#fff;}
#menu li ul {position:absolute;width:10em;left:-999em;z-index:1;}
#menu li:hover ul {left: auto;display: block;}
#menu li:hover ul, #menu li.sfhover ul {left: auto;}
#menu li.current_page_item a{background:#333;color:#fff;text-shadow:#000 0 1px 1px;}
#menu li.current_page_item a:hover{color:#900;text-decoration:none;}

/* ----------------------------------- catnavi */
.nav{height:31px;margin:0;padding:0;display:block;font:14px tahoma,serif;text-transform:lowercase;font-weight:100;background:transparent url(images/nav.jpg) 10px 0 no-repeat;text-shadow:#fff 0 1px 1px;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;height:31px;background:transparent;padding:0 0 0 100px;}
.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;color:#666;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:30px; /* match top ul list item height */z-index:150;-moz-box-shadow:0px 3px 5px #000;-webkit-box-shadow:0px 3px 5px #000;box-shadow:0px 3px 5px #000;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
.sf-menu {float:left;margin:0;}
.sf-menu a {padding:8px 10px;text-decoration:none;color:#666;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color:#333;}
.sf-menu li {background:transparent;color:#666;}
.sf-menu li li {background:#fff;}
.sf-menu li li li {background:#fff;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#ccc;outline:0;color:#666;}
.sf-menu li.current-cat a,.sf-menu .active_category{background:#fff;color:#900;}
.sf-menu li.current-cat a:hover{background:#ccc;color:#333;}

/* ----------------------------------- columns */
.col{float:left;width:30%;height:315px;margin:10px 0;padding:0;display:inline-block;overflow:hidden;}
.col2{float:left;width:30%;height:315px;margin:10px 0;padding:0 25px;display:inline-block;overflow:hidden;}
.col3{float:right;width:30%;height:315px;margin:10px 0;padding:0;display:inline-block;overflow:hidden;}
.cola{float:left;width:30%;margin:10px 0;padding:0;display:inline-block;overflow:auto;}
.col2a{float:left;width:30%;margin:10px 0;padding:0 25px;display:inline-block;overflow:auto;}
.col2ab{float:left;width:60%;margin:10px 0;padding:0 25px;display:inline-block;overflow:auto;}
.col3a{float:right;width:30%;margin:10px 0;padding:0;display:inline-block;overflow:hidden;}
.colp{float:left;width:60%;margin:10px 0;padding:0 10px;display:inline-block;overflow:auto;}

/* ----------------------------------- lead */
.lead{clear:both;width:99%;overflow:auto;background:transparent url(images/row.jpg) 0 0 no-repeat;margin:0;padding:0 0 30px 0;display:block;}
.leadimg{width:99%;height:280px;overflow:hidden;margin:0;position:relative;}
.leadimgp{width:33%;height:30px;overflow:hidden;position:absolute;bottom:10px;right:-10px;color:#333;background:#fff;font:18px century gothic,arial;padding:10px;text-align:right;line-height:12px;}
.leadimgp a{color:#333;}
.entry{margin:0;padding:0;width:99%;}
.entry p,.entryH p{padding:0;margin:0;text-align:justify;}
.leada{clear:both;width:99%;background:transparent url(images/row.jpg) 0 0 no-repeat;margin:0;padding:0 0 30px 0;display:block;}

/* ----------------------------------- headers */
h1{font:normal 37px din black,impact,tahoma;color:#000;text-transform:lowercase;letter-spacing:-2px;display:block;width:99%;margin:-5px 0 0 0;}
h2{font:normal 34px din black,impact,tahoma;color:#000;text-transform:lowercase;letter-spacing:-2px;display:block;width:99%;}
h3{font:normal 23px din black,impact,tahoma;color:#000;text-transform:lowercase;letter-spacing:-2px;display:block;width:99%;}
h4{font:normal 15px din black,impact,tahoma;color:#000;letter-spacing:0px;display:block;width:99%;}
h5{font:normal 14px din black,impact,tahoma;color:#900;padding:0;margin:8px 0;}
h1 a,h2 a,h3 a{color:#333;}
h1 a:hover,h2 a:hover,h3 a:hover{color:#ccc;}

/* ----------------------------------- posts */
.more{border:0;padding:10px 0;margin:10px 0;font-style:italic;font:15px impact,tahoma,sans-serif;background:transparent url(images/read.jpg) 99% 0 no-repeat;clear:both;} 
.more:hover{background:transparent url(images/reada.jpg) 99% 0 no-repeat;clear:both;} 
.more a,.more a:hover{display:block;height:20px;width:99%;text-indent:-90000px;margin:0;padding:0;outline:none;background:transparent;} 
.entry p img,.entry a img{margin:0 5px;padding:3px;width:80px;height:80px;float:right;border:1px solid #ccc;-moz-box-shadow:0px 3px 5px #000;-webkit-box-shadow:0px 3px 5px #000;box-shadow:0px 3px 5px #000;}
.drop{float:left;font:3.5em impact,arial;line-height:100%;margin:3px 8px 0 0;width:50px;text-align:center;text-transform:lowercase;}
.pmeta{font:14px arial;font-style:italic;line-height:100%;margin:8px 0;padding:3px 0;width:99%;text-transform:lowercase;border-top:1px dotted #ccc;}
         
/* ----------------------------------- dates */
.post-cat{padding:4px 0 0 18px;font:95% tahoma;color:#aaa;text-align:left;background:transparent url(images/app.gif) 0 0 no-repeat;}
.post-comments{padding:2px 0;font:195% impact;text-align:left;}
.post-tags{padding:2px 0 0 18px;font:95% tahoma;text-align:left;color:#aaa;clear:left;background:transparent url(images/tag.png) 0 0 no-repeat;}
.post-calendar{background:#fff;padding:0;float:right;font-size:95%;}
.post-cat a,.post-tags a,.print a{font-style:italic;color:#666;}
.meta{clear:both;padding:10px 0;font:13px impact;}
.post-date{width:97%;float:left;padding:10px 5px;margin:8px 0;height:200px;display:block;}
.post-month{font:18px/19px arial;text-transform:lowercase;color:#333;text-shadow:#fff 0 1px 1px;text-align:right;display:block;padding:0;margin:0;font-style:italic;}
.post-day{font:82px/64px impact,century gothic;text-transform:uppercase;text-shadow:#000 0 1px 1px;color:#ccc;text-align:right;float:right;display:inline-block;padding:0;letter-spacing:-11px;}
.post-cc{font:12px verdana,impact;text-transform:lowercase;color:#666;text-align:left;display:block;padding:2px 0 0 18px;background:transparent url(images/com.png) 0 0 no-repeat;}
.print{font:12px verdana,impact;text-transform:lowercase;color:#666;text-align:left;display:block;padding:2px 0 0 18px;background:transparent url(images/print.png) 0 0 no-repeat;}
.mail{font:12px verdana,impact;text-transform:lowercase;color:#666;text-align:left;display:block;padding:2px 0 0 18px;background:transparent url(images/mail.png) 0 0 no-repeat;}
.author{font:12px verdana,impact;text-transform:lowercase;color:#666;text-align:left;display:block;padding:2px 0 0 18px;background:transparent url(images/author.png) 0 0 no-repeat;}

/* ----------------------------------- comments */
#comments{width:99%;padding:0;}

ol.commentslist{list-style:none;margin:5px 0;}
.commentslist li{background:#fff;border:1px solid #ccc;margin:7px 0;padding:7px 0;position:relative;clear:both;}
.commentslist li a{font-family:tahoma;}
.commentslist li.alt{background:#fafafa;}
.commentslist li:hover{border-color:#888;}
.commentslist .comment_text{margin:0;line-height:1.4em;overflow:hidden;}
.comment_text p,.comment_text ul,.comment_text ol,.comment_text blockquote{margin:1em 0;padding:0 0 0 10px;float:left;width:80%;}
.comment_text ul,.comment_text ol,.comment_text blockquote{margin:0 1em;}

.comment-date{width:60px;float:right;padding:0;margin:0;height:70px;display:inline-block;position:absolute;top:12px;right:-22px;}
.post-mmonth{font:18px/19px arial;text-transform:lowercase;color:#333;text-align:right;display:block;padding:0;margin:-12px 0 0 0;font-style:italic;}
.post-dday{font:62px/44px impact,century gothic,impact;text-transform:lowercase;color:#ccc;text-align:center;display:block;padding:0;letter-spacing:-6px;}

.cavatar{width:60px;float:left;padding:5px 10px;margin:4px 0;height:70px;display:inline-block;overflow:hidden;}
p.author_meta{font-weight:700;text-transform:lowercase;margin:0 0 0 7px;padding:0 20px;width:80%;}
p.post_meta{font-size:11px;text-align:right;margin:0 7px 0 0;}
.count{float:left;display:block;width:53px;height:53px;font:53px impact;color:#ccc;line-height:53px;margin:12px 0;padding:0;position:absolute;top:4px;left:-14px;}

.commentslist li.author{background:transparent;color:#000;}
.commentslist li.author a{color:#ddd;}
.commentslist li.author a:hover{color:#900;}
#comments_closed{background:#333;color:#ccc;padding:7px 0;margin:12px 0;line-height:1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-family:tahoma;text-decoration:underline;}
p.nocomments a:hover{color:#ccc;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-family:tahoma;}
#commentform p{margin:1em 0;}
#commentform p a{font-family:tahoma;}
#author,#email,#url,#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
#comment{width:99%;overflow:hidden;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{background:transparent;}
#commentform textarea{width:99%;height:255px;border:1px solid #ccc;padding:2px 0;margin-top:3px;color:#333;background:#fff;}
#commentform #submit{background:transparent;font:normal 22px impact,arial,sans-serif;color:#333;border:0;width:99%;height:35px;cursor:pointer;text-transform:lowercase;}

/* ----------------------------------- bar */
#sidebar{padding:0;width:99%;display:block;float:left;}
#sidebar li a{display:block;}
#sidebar li a:hover{background:#333;color:#ccc;text-decoration:none;}

/* ----------------------------------- search */
#search form{margin:0;padding:0;}
#search fieldset{margin:0;padding:0;border:none;}
#search p{margin:0;font-size:85%;}
#s{margin:0;float:left;width:90%;padding:4px 3px;background:transparent url(images/search.png) 99% 50% no-repeat;border:1px dotted #ccc;font:normal 95% Arial,Helvetica,sans-serif;color:#666;}

/* ----------------------------------- list styles */
.entry ol{list-style-type:upper-roman;margin:15px 0;padding:0 0 0 15px;border-bottom:1px solid #ccc;}
.entry ol li{margin:0;padding:2px 0 2px 20px;border-top:1px solid #ccc;list-style-type:upper-roman;}
.entry ol li a,.entry ol li a:visited{color:#333;text-decoration:none;}
.entry ol li a:hover{color:#ccc;text-decoration:none;}

.entry ul{list-style:none;margin:15px 0;padding:0 0 0 15px;}
.entry ul li{margin:0;padding:5px 0 2px 20px;background:url(images/li.gif) no-repeat left center;}
.entry ul li a,.entry ul li a:visited{color:#333;text-decoration:none;}
.entry ul li a:visited a:hover{text-decoration:none;}

/* ----------------------------------- floats */
.center,.aligncenter{text-align:center;display:block;margin:0 auto;padding:5px;}
.alignleft,.left{float:left;margin-right:10px;margin-bottom:5px;}
.alignright,.right{float:right;margin-left:10px;margin-bottom:5px;}

/* ----------------------------------- clears */
.clear{clear:both;}hr.clear{clear:both;visibility:hidden;margin:0;padding:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline;}* html .clearfix{height:1%;}.clearfix{display:block;}


/* ----------------------------------- basics */
table{width:100%;background:#fafafa;border:1px solid #ccc;color:#333;margin:12px 0;}
caption{font-size:.8em;font-style: italic;text-align:right;color:#666;}
td{padding:.3em;border:1px solid #ccc;}
tr{color:#333;background:#fafafa;}
tr.alt,tr.even{background:#ccc;}
th{padding:.3em;color:#000;background:#fafafa;border:1px solid #ccc;}
td a,th a{font-weight:bold;color:#900;}

dl{margin:12px 0;border-bottom:1px solid #ccc;padding:0.5em 0;}

dt{display:inline;margin:9px 0;padding:0;color:#333;font-style:italic;}
dd{display:block;margin:7px 0;padding:0;}
dd a{color:#900;}
dd a:hover{color:#333;}

code{padding:0 3px;margin:12px 0;background:#fafafa;}
pre{overflow:auto;padding:9px;background:#fafafa;border:1px solid #ccc;}
pre code{padding:0;background:transparent;}

.wp-caption{position:absolute;top:0;right:10px;z-index:102;background:#fff;}
.wp-caption .wp-caption-text{margin:0;padding:0 5px;text-align:right;font-size:.8em;color:#666;}
.wp-caption img{margin:0 auto;padding:0;border:1px solid #666;}
.gallery{display:block;text-align:center;margin:18px 0;}
.gallery img{border:1px solid #ccc;}

#wp-calendar{text-align:center;margin:0;width:95%;}
#wp-calendar td{line-height:10px;font-size:10px;color:#333;}
#wp-calendar td a{display:block;color:#900;text-decoration:none;line-height:10px;border:1px solid #900;}
#wp-calendar #prev a{width:30px;}
#wp-calendar #next a{width:30px;margin:0 0 0 30px;}
#wp-calendar #today{background:#900;color:#fff;}
#wp-calendar #today a{color:#fff;font-weight:700;}
#wp-calendar caption{text-align:center;width:100%;margin:0 0 5px 0;text-transform:lowercase;}

/* ----------------------------------- navi */
#sfoo,#rfoo{clear:both;width:99%;background:transparent;margin:0;padding:0;display:block;}
.navigation{clear:both;padding:0 10px;margin:0;width:80%;font:21px century gothic,tahoma;background:transparent url(images/nav.jpg) 10px 0 no-repeat;text-transform:lowercase;height:31px;}
.navigation a, .navigation a:visited{color:#900;}
.previous-entries{float:left;padding-left:18px;background:url(images/navl.gif) no-repeat left center;}
.next-entries{float:right;padding-right:18px;background:url(images/navr.gif) no-repeat right center;}

/* ----------------------------------- tooltips */
#toolTip{position:absolute;z-index:1000;width:220px;background:#fafafa;border:0;text-align:left;padding:10px 20px;min-height:1em;}
#toolTip p{margin:0;padding:0;color:#000;font:15px/23px century gothic,arial,sans-serif;line-height:13px;}#toolTip p em,body div#toolTip p em span{display:none;}

/* ----------------------------------- i box */
#ibox_content{background:#fff;border-color:#ccc;color:#fff;}
#ibox_wrapper{background:#fff;border-color:#ccc;}
#ibox_footer_wrapper{left:0;right:0;top:0;padding:3px 10px;}
#ibox_footer_wrapper,#ibox_footer_wrapper a{color:#8dd6e2;background:#fff;}
#ibox_footer_wrapper a{color:#000;font-weight:bold;text-decoration:none;padding:0 3px;}

#ibox_content{padding:10px;}
#ibox_wrapper{padding:25px 0 0 0;}

/* ----------------------------------- columns */
#tabzine{clear:both;width:99%;margin:0;padding:0 10px;background:transparent url(images/row.jpg) 0 0 no-repeat;margin:0;padding:0 0 30px 0;display:block;}
.widgets a{color:#333;text-decoration: none;}
.widgets a:hover{color:#900;text-decoration: underline;}
.sentry{width:99%;font:13px/20px arial;}
.fcol .sentry h3 a{width:99%;display:block;height:25px;overflow:hidden;}
.fcol{width:17%;padding:4px 10px 30px 4px;margin:15px 0;float:left;display:inline-block;overflow:hidden;}
.fcol2{width:17%;padding:4px 10px;margin:15px 0;float:left;display:inline-block;overflow:hidden;}

/* ----------------------------------- tooltips */
#unitip {position: absolute;z-index: 999999;top: -1000px;color: #fff;font: normal normal 12px/15px Verdana, Arial, Helvetica, sans-serif;display: none;}
#unitippoint, #unitipmid, #unitipcap {position: relative;top: 0px;left: 0px;width: 145px;display: block;}
#unitippoint {background: url(images/TipPoint.png) no-repeat;height: 19px;overflow: hidden; }
#unitipmid {background: url(images/TipMid.png) repeat;width: 115px;height: auto;padding: 5px 15px;}
#unitipcap {background: url(images/TipCap.png) no-repeat;height: 7px;overflow: hidden;}

/* ----------------------------------- footer */
#footer{clear:both;color:#666;font:95% arial;line-height:130%;background:#333;border-top:1px dotted #ccc;width:100%;height:20px;margin:0;padding:0;}
#footer a,#footer a:visited{color:#666;}
#credits a,#credit a:visited,#credit{color:#666;}
.rss{background:url(images/rss.gif) no-repeat left center;padding-left:18px;padding-bottom:2px;margin-left:8px;}